<template>
  <div>
    <header>
      <span><router-link to="/MyFooter">1</router-link></span> 个人信息
    </header>
    <ul>
      <li>
        头像 <span><img src="" alt="" /></span> <span>></span>
      </li>
      <li>昵称 <span>></span></li>
      <li>性别 <span>></span></li>
      <li>生日 <span>></span></li>
    </ul>
    <van-button type="primary" class="Itembtn">确定</van-button>
  </div>
</template>

<script>
export default {
  name: "MyItem",
};
</script>

<style scoped>
body{
    background:#f5f7f9;
}
header {
  position: relative;
  color: #fff;
  height: 50px;
}
header span {
  position: absolute;
  left: 20px;
}
ul {
  position: relative;
}
ul li {
  font-size: 15px;
  background: #f5f7f9;
  height: 40px;
  margin-bottom: 1px;
  line-height: 40px;
  padding-left: 5px;
}
ul span {
  position: absolute;
  right: 10px;
}
.Itembtn{
    width: 280px;
    transform: translate(50px,70px);
}
</style>